<!DOCTYPE html>
<html class="loginHtml" lang="zh"
	  xmlns="http://www.w3.org/1999/xhtml" xmlns:th="http://www.thymeleaf.org">
<head>
	<meta charset="utf-8">
	<title>选择角色</title>
	<link rel="stylesheet" th:href="@{/layui/css/layui.css}" href="../static/layui/css/layui.css" media="all" />
	<link rel="stylesheet" th:href="@{/css/public.css}" href="../static/css/public.css" media="all" />
</head>
<body class="loginBody">
	<div class="layui-form-item" style="text-align: center;position: absolute;top:20%;left:47%;display:none;">
		<p style="font-size: large">选择角色</p>
	</div>
	<form class="layui-form" style="height: 370px;overflow: auto">

		<div class="layui-form-item" th:if="${userRoleMap != null}" style="text-align: center;">
			<a class="layui-btn layui-block" style="margin-left: 0px;margin-top: 10px;" th:each="entry:${userRoleMap}" th:href="@{/chooseRole/{userRoleId}(userRoleId=${entry.getKey()})}" th:text="${entry.getValue()}" ></a>
		</div>

	</form>
	<div class="layui-form-item" style="position: absolute;top:80%;left:45%;width: 10%">
		<a class="layui-btn layui-block" th:href="@{/logout}" th:text="取消" ></a>
	</div>
	<script type="text/javascript" th:src="@{/layui/layui.js}" src="../static/layui/layui.js"></script>
</body>
</html>